<template>
  <div id="page-list" class="device">
   
    <MyHeader :showCartIcon="true">商品列表</MyHeader>

    <div class="page">

      <CateTab />

      <FilterBar />

     <GoodsList />
    </div>
  </div>
</template>

<script>
import MyHeader from "@/components/header"
import CateTab from "@/components/cate-tab"
import FilterBar from "@/components/filter-bar"
import GoodsList from "@/components/goods-list"

export default {
    components:{
        MyHeader,
        CateTab,
        FilterBar,
        GoodsList
    },
    
    created(){
        this.$store.dispatch('setData')
    },
    
}
</script>
<style lang="scss" scoped>
   

.device {
    position: relative;
    float: left;
    width: 100%;
    height: 6.67rem;
    background-color: #eee;
    border-radius: .04rem;
    overflow: hidden;
}




</style>